
Ext.define('desarrollo.ItemForm', {
    extend: 'Ext.form.Panel',
    alias: 'widget.itemform',
    requires: ['Ext.form.field.Text'],
    initComponent: function(){		
        Ext.apply(this, {
            activeRecord: null,
            iconCls: 'icon-item',
            frame: true,
            defaultType: 'textfield',
            bodyPadding: 25,
            fieldDefaults: {
                anchor: '100%',
            },
            items: [{
                fieldLabel: 'Id',
                name: 'id',
                type: 'int',
                itemId: 'idItem',
                hidden: true,
            },{
                fieldLabel: 'IdFase',
                name: 'idFase',
                type: 'int',
                itemId: 'idFase',
                hidden: true,
            },{
                fieldLabel: '<b>Nombre</b>',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                name: 'nombre',
                itemId: 'nombre',
                
            },{
				//xtype: 'textarea',
                fieldLabel: '<b>Descripcion</b>',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                name: 'descripcion',
                itemId: 'descripcion',
                
            },{
                fieldLabel: '<b>Complejidad</b>',
                name: 'complejidad',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                type: 'int',
                itemId: 'idComplejidad',
                
                
            },{
                fieldLabel: '<b>Version</b>',
                name: 'version',
                itemId: 'f_version',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                
            },{
                fieldLabel: '<b>Estado</b>',
                name: 'estado',
                itemId: 'f_estado',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                
            },{
				xtype: 'combobox',
				name: 'tipoItem',
				itemId: 'tipoItem',
				hidden: true,
				fieldLabel: '<b>TipoItem</b>',
				displayField: 'id',
				listConfig: {
					getInnerTpl: function() {
						return '<div data-qtip="{nombreTipoItem}">{nombreTipoItem} ({id})</div>';
					}
				}
					   
			},{
                fieldLabel: 'Aux',
                name: 'aux',
				hidden: true,
            }],
            dockedItems: [{
						xtype: 'toolbar',
						items: [{
							itemId: 'idinfo-buscar',
							iconCls: 'icon-checked',
							text: '<b><font color="red">Campos habilitados para filtrado</font></b>',
							//disabled: true,
							hidden: true,
							scope: this,
							handler: this.onReset
							
						},{
						iconCls: 'icon-calcular',
						itemId: 'calcular',
						text: '<b>Calcular Impacto</b>',
						hidden: true,
						scope: this, 
						handler: this.onCalcular
						
					},{
						iconCls: 'icon-calcular',
						itemId: 'calcular2',
						text: '<b><font color="red">Calcular Impacto</font></b>',
						hidden: true,
						scope: this, 
						handler: this.onCalcular2
						
					},{
						iconCls: 'icon-calc-adelante',
						itemId: 'c_adelante',
						text: '<b>Calculo Adelante</b>',
						hidden: true,
						scope: this, 
						handler: this.onCalculoAdelante
						
					},{
						iconCls: 'icon-calc-atras',
						itemId: 'c_atras',
						text: '<b>Calculo Atras</b>',
						hidden: true,
						scope: this, 
						handler: this.onCalculoAtras
						
					},{
							iconCls: 'icon-atributos',
							itemId: 'atributo',
							text: '<b>Atributos</b>',
							hidden: true,
							scope: this, 
							handler: this.onAtributos
						},{
						iconCls: 'icon-archivo',
						itemId: 'archivos',
						text: '<b>Archivos</b>',
						hidden: true,
						scope: this, 
						handler: this.onArchivos
					},{
						iconCls: 'icon-historial',
						itemId: 'historial',
						text: '<b>Historial</b>',
						hidden: true,
						scope: this, 
						handler: this.onHistorial
					},{
                    iconCls: 'icon-save',
                    itemId: 'save',
                    text: '<b>Guardar</b>',
                    hidden: true,
                    scope: this, 
                    handler: this.onSave
                }, {
                    iconCls: 'icon-add',
                    itemId: 'crear',
                    text: '<b>Crear</b>',
                    hidden: true,
                    scope: this,
                    handler: this.onCreate
                },{
                    iconCls: 'icon-atributos',
                    itemId: 'atrib-crear',
                    text: '<b>Gestionar Atributos</b>',
                    hidden: true,
                    scope: this,
                    handler: this.onAtribCrear
                },{
						iconCls: 'icon-rel-ant',
						itemId: 'idantecesor',
						text: '<b>Antecesor</b>',
						hidden: true,
						scope: this, 
						handler: this.onAntecesor
					},{
						iconCls: 'icon-rel-pad',
						itemId: 'idpadre',
						text: '<b>Padre</b>',
						hidden: true,
						scope: this, 
						handler: this.onPadre
					},{
						iconCls: 'icon-rel-suc',
						itemId: 'idsucesor',
						text: '<b>Sucesor</b>',
						hidden: true,
						scope: this, 
						handler: this.onSucesor
					},{
						iconCls: 'icon-rel-hij',
						itemId: 'idhijo',
						text: '<b>Hijo</b>',
						hidden: true,
						scope: this, 
						handler: this.onHijo
					},{
                    iconCls: 'icon-grafo',
                    itemId: 'grafo',
                    text: '<b>Grafo</b>',
                    //hidden: true,
                    scope: this,
                    //disabled: true, 
                    handler: this.onGrafo
                },{
					iconCls: 'icon-revivir',
					itemId: 'revivir',
					text: '<b>Revivir</b>',
					//hidden: true,
					scope: this, 
					handler: this.onRevivir
				}]
				},{
				weight: 1,
                xtype: 'toolbar',
                dock: 'bottom',
                items: ['->',
						{
						iconCls: 'icon-calc-total',
						itemId: 'c_total',
						text: '<b>Calculo total</b>',
						hidden: true,
						scope: this, 
						handler: this.onCalculoTotal
						
					},{
							iconCls: 'icon-revertir',
							itemId: 'revertir',
							text: '<b>Revertir</b>',
							hidden: true,
							scope: this, 
							handler: this.onRevertir
						},{
						iconCls: 'icon-relaciones',
						itemId: 'relaciones',
						text: '<b>Relaciones</b>',
						hidden: true,
						scope: this, 
						handler: this.onRelaciones
						
					},{
						iconCls: 'icon-relaciones',
						itemId: 'relaciones2',
						text: '<b><font color="red">Relaciones</font></b>',
						hidden: true,
						scope: this, 
						handler: this.onRelaciones2
						
					},{
                    iconCls: 'icon-delete',
                    itemId: 'delete',
                    hidden: true,
                    scope: this, 
                    text: '<b>Eliminar</b>',
                    scope: this,
                    handler: this.onDelete
                },{
                    iconCls: 'icon-editar',
                    itemId: 'editar',
                    text: '<b>Editar</b>',
                    hidden: true,
                    scope: this, 
                    handler: this.onAtribModif
                }, {
                    iconCls: 'icon-buscar',
                    itemId: 'idbuscar',
                    text: '<b>Buscar</b>',
                    tooltip:'Buscar Items',
                    //disabled: true,
                    hidden: true,
                    scope: this,
                    handler: this.onBuscar
                }, {
                    iconCls: 'icon-add',
                    itemId: 'nuevo',
                    text: '<b>Nuevo</b>',
                    scope: this,
                    handler: this.onNuevo
                }, {
                    iconCls: 'icon-reset',
                    text: '<b>Reset</b>',
                    scope: this,
                    handler: this.onReset
                }]
            }]
        });
        this.callParent();
    },

    setActiveRecord: function(record){
        this.activeRecord = record;
        if (record) {
			this.getForm().loadRecord(record);
			
			estado = extraer(this.getForm().getValues(true),'&estado=','&tipoItem=')
			//Ext.Msg.alert('alpha',estado);
			
            this.down('#historial').show();
            this.down('#archivos').show();            
            this.down('#calcular').show();           
            this.down('#relaciones').show();
            this.down('#relaciones2').hide();
            this.down('#calcular2').hide();
            this.down('#idantecesor').hide();
            this.down('#idpadre').hide();
            this.down('#idsucesor').hide();
            this.down('#idhijo').hide();
            this.down('#c_atras').hide();
            this.down('#c_adelante').hide();
            this.down('#c_total').hide();
            this.down('#nuevo').hide();
            this.down('#tipoItem').hide();
            this.down('#revivir').hide();
            this.down('#grafo').hide();
            this.down('#f_version').show();
            this.down('#f_estado').show();
            this.down('#atributo').show();  
            this.down('#idbuscar').hide();
            this.down('#idinfo-buscar').hide();
            this.down('#nombre').setFieldStyle('background-color: transparent; border: none;');
			this.down('#descripcion').setFieldStyle('background-color: transparent; border: none;');
			this.down('#idComplejidad').setFieldStyle('background-color: transparent; border: none;');
			this.down('#nombre').show();
			this.down('#descripcion').show();
			this.down('#idComplejidad').show();
            this.down('#save').hide(); 
            //this.down('#crear').hide();
            this.down('#atrib-crear').hide();
            if(estado != 'Bloqueado'){ 
				this.down('#revertir').show();
				this.down('#delete').show();
				this.down('#editar').show();
			}else { 
				this.down('#revertir').hide();
				this.down('#delete').hide();
				this.down('#editar').hide();
			}

            
            
        } else {

            this.down('#editar').hide();
            this.down('#delete').hide();
            this.down('#historial').hide();
            //this.down('#crear').hide();
            this.down('#atrib-crear').hide();
            this.down('#archivos').hide();
            this.down('#revertir').hide();
            this.down('#idantecesor').hide();
            this.down('#relaciones').hide();
            this.down('#relaciones2').hide();
            this.down('#calcular2').hide();
            this.down('#idpadre').hide();
            this.down('#nuevo').show();
            this.down('#revivir').show();
            this.down('#grafo').show();
            this.down('#atributo').hide();
            this.down('#calcular').hide();           
            this.down('#idbuscar').hide();
			this.down('#idinfo-buscar').hide();
			this.down('#f_version').show(); 
			this.down('#f_estado').show();
			this.down('#descripcion').show(); 
			this.down('#idsucesor').hide();
            this.down('#idhijo').hide();
            this.down('#c_atras').hide();
            this.down('#c_adelante').hide();
            this.down('#c_total').hide();
            this.down('#save').hide(); 
            this.down('#nombre').setFieldStyle('background-color: transparent; border: none;');
			this.down('#descripcion').setFieldStyle('background-color: transparent; border: none;');
			this.down('#idComplejidad').setFieldStyle('background-color: transparent; border: none;');
			this.down('#f_version').setFieldStyle('background-color: transparent; border: none;');
			this.down('#f_estado').setFieldStyle('background-color: transparent; border: none;');
			//this.down('#nombre').hide();
			//this.down('#descripcion').hide();
			//this.down('#idComplejidad').hide();
			this.down('#tipoItem').hide();
            this.down('#descripcion').setValue("");
            this.down('#idComplejidad').setValue("");
            this.down('#idItem').setValue("");
            this.down('#tipoItem').setValue("");
            this.down('#nombre').setValue("");
            this.down('#f_version').setValue("");
			this.down('#f_estado').setValue("");
            //this.getForm().reset();
            
        }
    },
   
	onAtribModif: function(){
			var form = this.getForm();
			this.fireEvent('fireAtribModif', form.getValues(true)); 
    },

	onAtribCrear: function(){
			var form = this.getForm();
			this.fireEvent('fireAtribCrear', form.getValues(true)); 
			
	}, 
	
    onCreate: function(){
        var form = this.getForm();
                    form.submit({                        
                        url: 'crear_item',
                        params: {	submit: 'submit'	},
						method: "post",
                       success: function(form, action) {
								this.down('#descripcion').setValue("");
								this.down('#idComplejidad').setValue("");
								this.down('#idItem').setValue("");
								this.down('#tipoItem').setValue("");
								this.down('#nombre').setValue("");
							    Ext.Msg.show({  
									title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
									msg: 'Item creado satisfactoriamente', //<- El mensaje  
									icon: 'ext-mb-ok',
								});
							this.fireEvent('refresh');							                       
                        },
                        scope: this,                        
                        failure: function(form, action) {									
									Ext.Msg.show({  
										title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
										msg: 'No se ha podido crear el item', //<- El mensaje  
										icon: 'ext-mb-error',
									});
                        }
                    });
    },
    
    onSave: function(){
        var form = this.getForm();
                    form.submit({                        
                        url: 'modificar_item',
                        params: {	submit: 'submit'	},
						method: "post",
                       success: function(form, action) {
						   		this.down('#nombre').setFieldStyle('background-color: transparent; border: none;');
								this.down('#descripcion').setFieldStyle('background-color: transparent; border: none;');
								this.down('#idComplejidad').setFieldStyle('background-color: transparent; border: none;');
								this.down('#delete').show();
								this.down('#revertir').show();
								this.down('#atributo').show(); 
								this.down('#historial').show(); 
								this.down('#archivos').show(); 
								this.down('#editar').show();
								this.down('#relaciones').show();
								this.down('#calcular').show();
								this.down('#save').hide();
								var jsonData = Ext.JSON.decode(action.response.responseText);								
								var resultMessage = jsonData['mensaje'];
								Ext.Msg.show({ 		title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
													msg: resultMessage, 	icon: 'ext-mb-ok',
								});/*
								Ext.Msg.show({  
									title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
									msg: 'Item modificado satisfactoriamente', //<- El mensaje  
									icon: 'ext-mb-ok',
								});*/
							this.fireEvent('refresh');
                        },
                        scope: this,                        
                        failure: function(form, action) {
								var jsonData = Ext.JSON.decode(action.response.responseText);								
								var resultMessage = jsonData['mensaje'];
								Ext.Msg.show({ 		title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
													msg: resultMessage, 	icon: 'ext-mb-error',
								});/*									
									Ext.Msg.show({  
										title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
										msg: 'No se ha podido modificar el item', //<- El mensaje  
										icon: 'ext-mb-error',
									});*/
                        }
                    });
    },
        
    onDelete: function(){ 
        var form = this.getForm();
                    form.submit({                        
                        url: 'eliminar_item',
                        params: {	submit: 'submit'	},
						method: "post",
                       success: function(form, action) {
								this.down('#descripcion').setValue("");
								this.down('#idComplejidad').setValue("");
								this.down('#idItem').setValue("");
								this.down('#tipoItem').setValue("");
								this.down('#nombre').setValue("");
								this.down('#editar').hide();
								this.down('#delete').hide();
								this.down('#historial').hide();
								this.down('#archivos').hide();
								this.down('#revertir').hide();
								this.down('#relaciones').hide();
								this.down('#nuevo').show();
								this.down('#tipoItem').show();
								this.down('#revivir').show();
								this.down('#grafo').show();
								this.down('#atributo').hide();
								this.down('#calcular').hide();           
								this.down('#idbuscar').hide();
								this.down('#idinfo-buscar').hide();
								this.down('#f_version').setValue("");
								this.down('#f_estado').setValue("");
								//this.down('#f_version').hide(); 
								//this.down('#f_estado').hide();
								//this.down('#descripcion').hide();
								//this.down('#idComplejidad').hide();
								this.down('#tipoItem').hide();
								//this.down('#nombre').hide();
								var jsonData = Ext.JSON.decode(action.response.responseText);								
								var resultMessage = jsonData['mensaje'];
								Ext.Msg.show({ 		title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
													msg: resultMessage, 	icon: 'ext-mb-ok',
								});/*
							    Ext.Msg.show({  
									title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
									msg: 'Item eliminado satisfactoriamente', //<- El mensaje  
									icon: 'ext-mb-ok',
								});*/
							this.fireEvent('refresh');							                       
                        },
                        scope: this,                        
                        failure: function(form, action) {
								var jsonData = Ext.JSON.decode(action.response.responseText);								
								var resultMessage = jsonData['mensaje'];
								Ext.Msg.show({ 		title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
													msg: resultMessage, 	icon: 'ext-mb-error',
								});/*									
									Ext.Msg.show({  
										title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
										msg: 'No se ha podido eliminar el item', //<- El mensaje  
										icon: 'ext-mb-error',
									});*/
                        }
                    });
    },  
     
	onHistorial: function(){
			var form = this.getForm();
			this.fireEvent('ddHistorial', form.getValues(true));            
	}, 
	
	onArchivos: function(){
			var form = this.getForm();

			this.fireEvent('fireArchivos', form.getValues(true));
	}, 
		
	onRevertir: function(){
			var form = this.getForm();
			this.fireEvent('ddRevertir', form.getValues(true));            
	},    

	onAtributos: function(){
			var form = this.getForm();
			this.fireEvent('ddAtributos', form.getValues(true));            
	}, 	
	
	onAntecesor: function(){
			var form = this.getForm();
			this.fireEvent('ddAntecesor', form.getValues(true));            
	}, 
	
	onPadre: function(){
			var form = this.getForm();
			this.fireEvent('ddPadre', form.getValues(true));            
	}, 
	
	onSucesor: function(){
			var form = this.getForm();
			this.fireEvent('ddSucesor', form.getValues(true));            
	}, 
	
	onHijo: function(){
			var form = this.getForm();
			this.fireEvent('ddHijo', form.getValues(true));            
	}, 	
	
	onRevivir: function(){
			var form = this.getForm();
			this.fireEvent('ddRevivir', form.getValues(true));            
	},
	
	onCalculoAdelante: function(){
			var form = this.getForm();
			nombre = extraer(form.getValues(true), '&nombre=', '&descripcion=');
			id = extraer(form.getValues(true), 'id=', '&'); 
				  
				var winImagen = Ext.create('widget.window', {
					x:350,
					y: 170,
					resizable   : false,
					//draggable   : false,
					iconCls: 'icon-grafo',
					title: 'Grafo Calculo Impacto Adelante Item: ' + nombre ,
					closable: true,
					bodyStyle: 'background-color: #fff;',
					layout: 'fit',
					items: [{
						border: false
					},img = Ext.create('Ext.Img',{
					  id: 'img2',
					   height :400,
					   width: 650,
					   name: 'imgx',
					   src: 'calcular_impacto_delante/' + id
					})]
				});
				winImagen.show();           
	},		
	
	onCalculoAtras: function(){
			var form = this.getForm();
			nombre = extraer(form.getValues(true), '&nombre=', '&descripcion=');
			id = extraer(form.getValues(true), 'id=', '&'); 
				  
				var winImagen = Ext.create('widget.window', {
					x:350,
					y: 170,
					resizable   : false,
					//draggable   : false,
					iconCls: 'icon-grafo',
					title: 'Grafo Calculo Impacto Atras Item : ' + nombre ,
					closable: true,
					bodyStyle: 'background-color: #fff;',
					layout: 'fit',
					items: [{
						border: false
					},img = Ext.create('Ext.Img',{
					  id: 'img2',
					   height :400,
					   width: 650,
					   name: 'imgx',
					   src: 'calcular_impacto_atras/' + id
					})]
				});
				winImagen.show();           
	},	
	
	onCalculoTotal: function(){
			var form = this.getForm();
			nombre = extraer(form.getValues(true), '&nombre=', '&descripcion=');
			id = extraer(form.getValues(true), 'id=', '&'); 
				  
				var winImagen = Ext.create('widget.window', {
					x:350,
					y: 170,
					resizable   : false,
					//draggable   : false,
					iconCls: 'icon-grafo',
					title: 'Grafo Calculo Impacto Atras Item : ' + nombre ,
					closable: true,
					bodyStyle: 'background-color: #fff;',
					layout: 'fit',
					items: [{
						border: false
					},img = Ext.create('Ext.Img',{
					  id: 'img2',
					   height :400,
					   width: 650,
					   name: 'imgx',
					   src: 'calcular_impacto_total/' + id
					})]
				});
				winImagen.show();           
	},
			
    onReset: function(){
        this.setActiveRecord(null);
        //this.getForm().reset();
        this.fireEvent('reset');
    },
    
    onFiltrar: function(){
		this.down('#nuevo').hide();
		this.down('#revivir').hide();
		this.down('#descripcion').hide(); 
		this.down('#tipoItem').hide(); 
		this.down('#idbuscar').show();
		this.down('#calcular').hide(); 
		this.down('#atributo').hide(); 
		this.down('#historial').hide(); 
		this.down('#archivos').hide();
		this.down('#delete').hide();
		this.down('#revertir').hide();
		this.down('#relaciones').hide();
		this.down('#atrib-crear').hide();
		this.down('#calcular2').hide();
		this.down('#idinfo-buscar').show();
		this.down('#c_atras').hide();
		this.down('#editar').hide();
		this.down('#grafo').hide();
		this.down('#c_adelante').hide();
		this.down('#save').hide(); 
		this.down('#c_total').hide();
		this.down('#relaciones2').hide();
		this.down('#idantecesor').hide();
        this.down('#idpadre').hide();
        this.down('#idsucesor').hide();
        this.down('#idhijo').hide();		
		this.down('#f_version').show();
		this.down('#f_version').setValue("");
		this.down('#f_estado').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#f_version').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#f_estado').show();
		this.down('#f_estado').setValue("");
		this.down('#nombre').show();
		this.down('#idComplejidad').show();
		this.down('#nombre').setValue("");
		this.down('#descripcion').setValue("");
		this.down('#idComplejidad').setValue("");
		this.down('#nombre').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#idComplejidad').setFieldStyle('background-color: #fff; border: 1px dotted;');
		//this.down('#f_fechaCreacion').show(); 
						
    },
    
    onCalcular: function(){
		this.down('#delete').hide();
		this.down('#revertir').hide();
		this.down('#atributo').hide(); 
		this.down('#historial').hide(); 
		this.down('#archivos').hide(); 
		this.down('#editar').hide();
		this.down('#relaciones').hide();
		this.down('#calcular').hide();
		this.down('#calcular2').show();
		this.down('#c_atras').show();
		this.down('#c_adelante').show();
		this.down('#save').hide(); 
		this.down('#c_total').show();
       
		
    },  
    
    onCalcular2: function(){
		this.down('#delete').show();
		this.down('#revertir').show();
		this.down('#calcular').show();
		this.down('#atributo').show(); 
		this.down('#historial').show(); 
		this.down('#archivos').show(); 
		this.down('#editar').show();
		this.down('#idantecesor').hide();
        this.down('#idpadre').hide();
        this.down('#idsucesor').hide();
        this.down('#idhijo').hide();
        this.down('#relaciones').show();
		this.down('#calcular2').hide();
		this.down('#c_atras').hide();
		this.down('#c_adelante').hide();
		this.down('#save').hide(); 
		this.down('#c_total').hide();
		
    }, 

    onRelaciones: function(){
		this.down('#delete').hide();
		this.down('#revertir').hide();
		this.down('#atributo').hide(); 
		this.down('#historial').hide(); 
		this.down('#archivos').hide(); 
		this.down('#editar').hide();
		this.down('#relaciones').hide();
		this.down('#calcular').hide();
		this.down('#relaciones2').show();
		this.down('#idantecesor').show();
        this.down('#idpadre').show();
        this.down('#idsucesor').show();
        this.down('#idhijo').show();
        this.down('#save').hide(); 
		
    }, 

    onEditar: function(){
		this.down('#delete').hide();
		this.down('#revertir').hide();
		this.down('#atributo').hide(); 
		this.down('#historial').hide(); 
		this.down('#archivos').hide(); 
		this.down('#editar').hide();
		this.down('#relaciones').hide();
		this.down('#calcular').hide();
		this.down('#save').show();
		this.down('#nombre').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#descripcion').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#idComplejidad').setFieldStyle('background-color: #fff; border: 1px dotted;');
		
    },
    
    onNuevo: function(){
		this.down('#grafo').hide();
		this.down('#revivir').hide();
		this.down('#revivir').hide();
		this.down('#nuevo').hide();
		this.down('#f_version').hide();
		this.down('#f_estado').hide();
		//this.down('#crear').show();
		this.down('#atrib-crear').show();
		this.down('#nombre').show();
		this.down('#descripcion').show();
		this.down('#idComplejidad').show();
		this.down('#tipoItem').show();
		this.down('#tipoItem').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#nombre').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#descripcion').setFieldStyle('background-color: #fff; border: 1px dotted;');
		this.down('#idComplejidad').setFieldStyle('background-color: #fff; border: 1px dotted;');
		
    },
    
  
    onRelaciones2: function(){
		this.down('#delete').show();
		this.down('#revertir').show();
		this.down('#calcular').show();
		this.down('#atributo').show(); 
		this.down('#historial').show(); 
		this.down('#archivos').show(); 
		this.down('#editar').show();
		this.down('#idantecesor').hide();
        this.down('#idpadre').hide();
        this.down('#idsucesor').hide();
        this.down('#idhijo').hide();
        this.down('#relaciones').show();
		this.down('#relaciones2').hide();
		this.down('#save').hide(); 
		
    }, 
        
    onBuscar: function(){
		var form = this.getForm();
		this.fireEvent('buscar', form.getValues(true));
						
    },
    onListar: function(){
		this.fireEvent('listar');
						
    },
    
	onGrafo: function(){
		
			var form = this.getForm();
			this.fireEvent('fireGrafo', form.getValues(true));
			  
	}

    
});

function extraer(texto, etqini, etqfin){
		var ind0, ind1, parte ="";
		ind0 = texto.indexOf(etqini);
		if (ind0 >=0){
			ind1 = texto.indexOf(etqfin);
			if (ind1>ind0)
				parte = texto.substring(ind0+etqini.length, ind1);
		}
		return parte;
}
